Onboarding Tutorials vs. Contextual Help入門教程 vs上下文幫助

教程會打斷使用者,通常無法提升任務表現,並且容易被遺忘。相比之下,上下文幫助透過在合適的時機提供指導,可以避免這些問題,但需要設計出不打擾使用者的啟用方式。

什麼是教程和上下文幫助?

教程(Tutorials)是以推送方式向使用者展示新功能或指導操作的內容,通常在應用啟動或使用者會話的隨機時間點出現。而上下文幫助(Contextual Help)是一種拉取式幫助,僅在使用者需要時提供提示或指導,常以工具提示、分步指導或其他形式呈現。

教程的特點與問題

教程示例

Gates Carbon Drive 應用:教程完成後,使用者被直接帶到主介面,無進一步指導,需要使用者記住教程中的步驟,這給任務執行增加了困難。

Chase Bank 應用:使用者登入時被打斷,看到了一系列新功能卡片。這種教程不僅打亂使用者任務,還缺乏上下文,未明確展示這些功能如何使用。

生產力工具中的版本更新說明:當使用者忙於任務時,被迫閱讀"新功能"的彈窗說明,這種教程內容很可能被忽略,使用者在實際需要時卻找不到相關資訊。

教程的侷限性

幹擾使用者任務:教程會打斷使用者的任務流程。例如,使用者可能急於完成某項任務,卻被迫參與一段教程,這種體驗通常被使用者跳過。

難以記住資訊:教程中的資訊往往需要使用者記住後再應用,而人類的短期記憶有限。這種方式增加了認知負擔。

ArcGIS 包含一個詳細的互動式入職教程,比許多其他教程或演練都要好。與許多其他演練不同,這個教程要求使用者執行任務,而不僅僅是向他們展示如何去做。此外,這個教程不會在使用者首次登入時自動啟用,而是在側邊欄中提供。這種設計使使用者在不可避免地忘記大部分資訊後,可以在以後重新訪問該教程。

需要使用者額外操作:許多教程設計得過於顯眼和突兀,使其成為幹擾項。例如,使用者需要點選關閉按鈕才能繼續使用應用。

有效的解決方案:上下文幫助 (Pull Revelations)

上下文幫助是在使用者執行某項操作時,根據其行為提供的即時指導。這種方式比教程更有針對性且不打擾使用者。

Figma:在使用者開啟文字佈局工具後,顯示針對該工具的上下文幫助,只在相關時機提供提示。

Photoshop:懸停提示顯示工具的動畫效果,讓新使用者快速理解工具用途,同時提供"瞭解更多"的選項,以逐步披露更多細節。

設計上下文幫助的準則

方便關閉與再次訪問:使用者需能夠輕鬆關閉幫助內容,同時在需要時能重新找到該資訊。

示例: Evernote 的"新功能"列表始終可用,使用者可以隨時重新檢視。

避免記憶負擔:對於多步驟流程,幫助內容應逐步呈現,避免讓使用者在短期記憶中保留過多資訊。每一步驟都應附帶相應指導,降低認知負擔。

Photoshop:使用下拉提示來幫助使用者擴充套件其命令詞彙量。當使用者將滑鼠懸停在工具欄圖示上時,會出現工具提示,其中包含一個簡單的動畫,演示該工具的效果——這對需要快速瞭解各種功能的新使用者很有用。該提示還使用漸進式披露(瞭解如何操作)來吸引那些想要更多關於如何使用該工具的資訊的使用者,同時又不會用不必要的細節讓所有使用者感到不知所措。

省略明顯的內容:遵循設計慣例的常規功能無需詳細說明,例如,齒輪圖示通常表示"設定"。幫助內容應專注於複雜或獨特功能。

瞭解使用者的使用旅程:設計上下文幫助前,需要透過使用者研究和任務分析,明確使用者最可能需要幫助的時機及觸發條件。這是實現上下文幫助的核心,也是最複雜的一部分。

教程雖然直接,但因其幹擾性和低效性,往往不適用於大多數場景。上下文幫助透過在適當時機提供所需指導,為使用者帶來更自然和高效的體驗。透過遵循漸進式披露、減少認知負擔和深入理解使用者旅程等設計準則,團隊可以最佳化使用者體驗,提升產品的使用效率和滿意度。